<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 基本表单</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
</head>
<body>
<h2>添加用户</h2>
<form role="form">
	<div class="form-group">
		<label for="name">用户名</label>
		<input type="text" class="form-control" name="name" 
			   placeholder="请输入用户名">
  </div>
  <div class="form-group">
		<label for="name">密码</label>
		<input type="password" class="form-control" name="password" 
			   placeholder="请输入密码">
  </div>
  <div class="form-group">
		<label for="name">年龄</label>
		<input type="text" class="form-control" name="age" 
			   placeholder="请输入年龄">
  </div>
  <div class="form-group">
		<label for="name">邮箱</label>
		<input type="text" class="form-control" name="邮箱" 
			   placeholder="请输入邮箱">
  </div>
  <div class="form-group">
    <label>请选择爱好</label>
    <div>
      <label class="checkbox-inline"><input type="checkbox" value="打游戏" name="hobbies"> 打游戏</label>
      <label class="checkbox-inline"><input type="checkbox" value="篮球" name="hobbies"> 篮球</label>
      <label class="checkbox-inline"><input type="checkbox" value="唱歌" name="hobbies"> 唱歌</label>
      <label class="checkbox-inline"><input type="checkbox" value="写字" name="hobbies"> 写字</label>
      <label class="checkbox-inline"><input type="checkbox" value="游泳" name="hobbies"> 游泳</label>
      <label class="checkbox-inline"><input type="checkbox" value="读书" name="hobbies"> 读书</label>
    </div>
  </div>
	<button type="submit" class="btn btn-default">添加用户</button>
</form>
	
</body>
</html>